<!--
Date: 2025-08-13
Copyright (c) 2025 CAX Conversion Project
-->
<template>
  <div class="excel-import-home">
    <div class="logo">
      <img src="../../../../assets/images/loadExcel.png" alt="">
      欢迎进入<span class="tips">数据导入</span>页面！
    </div>
    <p class="mark">本期暂时只允许导入Excel文件。</p>
    <div class="option_btn">
      <el-button type="primary" @click="buttonClick('add')">开始导入数据</el-button>
    </div>
  </div>
</template>
<script  setup name="LoadExcel">
const emit = defineEmits(['handleEvent']);
const buttonClick = (type, data) => {
  if (type === 'add') {
    emit('handleEvent', { component: 'DataImport', type: 'add' });
  }
};
</script>
<style lang="scss" scoped>
.excel-import-home {
  padding: 10px;
  width: 100%;
  height: calc(100vh - 184px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 600px;
    margin-top: 20px;
    padding-left: 40px;
    font-size: 18px;
    img {
      width: 38px;
      height: 50px;
      margin-left: -60px;
      margin-right: 10px;
    }
    .tips {
      color: #409eff;
    }
  }
  .mark {
    font-size: 13px;
    color: #909399;
    padding: 0;
    margin: 5px 0;
  }
  .option_btn {
    margin-top: 20px;
  }
}
</style>
